.content {
  background: #64c842;
  width: 200px;
  height: 200px;
}
.react {
  width: 200px;
  height: 200px;
  float: left;
  margin-right: 20px;
  background: url('../images/react.png');
  background-size: cover;
}
.vue {
  width: 200px;
  height: 200px;
  float: left;
  background: url('../images/vue.png');
  background-size: cover;
}
.iconfont {
  font-size: 100px;
  transform: translateX(0px);
  transition: 1s all ease;
  display: block;
  width: 200px;
  height: 200px;
  border: 1px solid red;
}
.iconfont:hover {
  font-size: 300px;
  color: blue;
  transform: translateX(300px);
}
